<template>
  <div>
   <header>
    <slot name="header" :prefix="prefix" :suffix="suffix" v-bind:row="row"></slot>
   </header>
   <footer>
    <slot name="footer" :prefix="prefix" :suffix="suffix"></slot>
   </footer>
  </div>
</template>
<script>
export default {
  name:'Panel',
  //<slot> 元素的一个 attribute 绑定上去
  data:()=>({
    prefix:'$',
    suffix:'!',
    row:{status:1}
  })
}

</script>